<template>
     <ul class="course_type_list" >
        <li  v-for="(c,index) in courses " v-bind:key="index">
            <div class="box">
                <img src="../../assets/img/demo.png" alt="">

                <div class="info">
                    <h4><a href="#">{{c.name}}</a></h4>
                    <span>{{c.price}}</span>
                </div>

                <div class="tinfo">
                    <div class="uimg">
                        <img src="../../assets/img/demo.png" alt="">
                    </div>
                    <div class="username">username</div>
                    <div class="coursetype">coursetype</div>
                </div>

                <hr>

                <div class="dinfo">
                    <div class="time">hour小时之前</div>
                    <div class="view">view</div>
                    <div class="praise">praise</div>
                </div>



            </div>
        </li>
        <li></li>
    </ul>
</template>
<script>
export default {
    data(){
        return{
            courses:[
            ]
        }
    },created(){
        this.axios.get(this.baseUrl+"course/all")
        .then(res=>{
            console.log(res.data.data);
            alert(res.data.data);
            this.courses=res.data.data;
        })
    }
}
</script>
<style scoped>
    @import "../../assets/css/course.css";
</style>

